<ion-header class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back" ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>我的钱包</ion-title>
    <ion-buttons slot="end">
      <ion-button class="toolbar-white" (click)="onRefresh()">
        <ion-icon class="iconfont ion-ios-gengxin" style="font-size: 24px;"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content style="--background: #efefef;background: #efefef;">
  <div class="list">
    <div class="list-item">
      <p><span class="text-t">总资产</span><span class="text-t">今日盈亏</span></p>
      <p><span><span class="mark">{{totalBalance}}</span>元</span><span><span class="mark" [ngClass]="{'gree':!(totalWin | isnegative),'red':totalWin | isnegative}">{{totalWin}}</span>元</span></p>
    </div>
    <div class="list-item" *ngFor="let item of balanceList">
      <p><span class="text-t">{{item.name}}</span><span class="text-t">今日盈亏</span></p>
      <p><span>{{item.balance | decimal}}元</span><span><span class="mark" [ngClass]="{'gree':!(item.win | isnegative),'red':item.win | isnegative}">{{item.win | decimal}}</span>元</span></p>   
    </div>
  </div>
  <div class="other">
    <p class="text-t">金额明细</p>
    <div class="more-btn" (click)="toTransactionPage()">查看更多</div>
  </div>
</ion-content>
<app-tab-self></app-tab-self>